<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<style type="text/css">
.txc-table{
border-collapse: collapse;
}
.desc{
border:1px;
border-color:#969b9c;
border-style:solid;
}
.room{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
}
.room1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
}
.phone{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.phone1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.bed{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.bed1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.area{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.area1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.day1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.day11{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.day7{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.day77{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.day30{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.day3030{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.checkin{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.checkin1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.checkout{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.checkout1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.detail{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.detail1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.rule{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.rule1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.address{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.address1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-bottom:none;
border-top:none;
}
.zipcode{
border:1px;
border-color:#969b9c;
border-style:solid;
border-top:none;
}
.zipcode1{
border:1px;
border-color:#969b9c;
border-style:solid;
border-top:none;
}
</style>
<c:forEach items="${requestScope.map }" var="entry">
	<c:if test="${entry.key=='room' }">
	<font size="15" face="휴먼편지체" color="black">${entry.value.title }<br></font>
	</c:if>
</c:forEach>
<c:forEach items="${requestScope.map }" var="entry">
<c:if test="${entry.key=='fdto' }">
	<c:forEach items="${entry.value }" var="fdto" varStatus="cnt">
	<c:choose>		
			<c:when test="${cnt.count==1 }">
			<img style="float: left;" width="400px" height="400px" src="/${initParam.context_root }/uproomfile/${fdto.fileName }">
			</c:when>
			<c:otherwise>
			<img style="float: left;" width="200px" height="200px" src="/${initParam.context_root }/uproomfile/${fdto.fileName }">
			</c:otherwise>
	</c:choose>
	</c:forEach>	
	</c:if> 
</c:forEach>
<table class="txc-table" width="800" cellspacing="0" cellpadding="0" border="0" style="border:none;border-collapse:collapse;;font-family:돋움;font-size:12px">
<c:forEach items="${requestScope.map }" var="entry">
	<c:if test="${entry.key=='room' }"><br>
<tr><td class='room' align="center" >
Bedrooms
</td>
<td class="room1" height="24px">
&nbsp;&nbsp;<b>${entry.value.accommodates }<br></b>
</td>
</tr>
<tr><td class='bed' align="center">
Bed
</td>
<td class="bed1" height="24px">
&nbsp;&nbsp;<b>${entry.value.bedrooms }<br></b>
</td>
</tr>
<tr><td class='phone' align="center">
PhoneNumber
</td>
<td class="phone1" height="24px">
&nbsp;&nbsp;${entry.value.phone }<br>
</td>
</tr>
<tr><td class='area' align="center">
Nation
</td>
<td class="area" height="24px">
&nbsp;&nbsp;${entry.value.nation }
</td>
</tr>
<tr>
<td class='day1' align="center">
Daily Price
</td>
<td class="day11" height="24px">
&nbsp;&nbsp;<b>$${entry.value.price1 }</b>/ day<br>
</td>
</tr>
<tr><td class='day7' align="center">
Weekly Price
</td>
<td class="day77" height="24px">
&nbsp;&nbsp;<b>$${entry.value.price7 }</b>/ week<br>
</td>
</tr>
<tr>
<td class='day30' align="center">
Monthly Price
</td>
<td class="33" height="24px">
&nbsp;&nbsp;<b>$${entry.value.price30 }</b>/ month<br>
</td>
</tr>
<tr><td class='checkin' align="center">
Check In
</td>
<td class="checkin1" height="24px">
&nbsp;&nbsp;${entry.value.checkInTime }hour<br>
</td>
</tr>
<tr><td class='checkout' align="center">
Check Out
</td>
<td class="checkout1" height="24px">
&nbsp;&nbsp;${entry.value.checkOutTime }hour<br>
</td>
</tr>
<tr><td class='detail' align="center">
Detail
</td>
<td class="detail1" height="24px">
&nbsp;&nbsp;${entry.value.addDetail }
</td>
</tr>
</c:if>
</c:forEach>
<c:forEach items="${requestScope.map }" var="entry">
	<c:if test="${entry.key=='ppdto' }">
<tr><td class='rule' align="center">
Room type
</td>
<td class="rule1" height="24px">
&nbsp;&nbsp;${entry.value }<br>
</td>
</tr>
</c:if>
</c:forEach>
<c:forEach items="${requestScope.map }" var="entry">
<c:if test="${entry.key=='address' }">
<tr><td class='address' align="center">
Address
</td>
<td class="address1" height="24px">
&nbsp;&nbsp;${entry.value.sido } ${entry.value.gugun } ${entry.value.dong } ${entry.value.bunji }<br>
</td>
</tr>
<tr><td class='zipcode' align="center">
Zipcode
</td>
<td class="zipcode1" height="24px">
&nbsp;&nbsp;${entry.value.zipcode }<br>
</td>
</tr>
</c:if>
</c:forEach>
<tbody><tr><td class="desc" align="left" width="782px" height="200px" colspan="2" rowspan="1" style="padding:10px ">
<c:forEach items="${requestScope.map }" var="entry">
	<c:if test="${entry.key=='room' }"><br>
	${entry.value.description }<br>
	</c:if>
</c:forEach>


</td>

</tr>
</tbody></table>





